/**
 * @version:		$Id: 02-layout.css 2 2011-07-26 00:59:53Z epatarroyo $
 * @copyright:		Copyright (C) 2010 OpenWeb Software. All rights reserved.
 * @license:		GNU/GPL
 * This version may have been modified pursuant to the GNU General Public License,
 * and as distributed it includes or is derivative of works licensed under the
 * GNU General Public License or other free or open source software licenses.
 */

/* CSS Styles by Ernesto Patarroyo - OpenWeb - http://openweb.co */

/****************
3 - Layout Styles
 ****************/

.accessibility{
position: absolute;
top: -5000px;
left: -5000px;
}
#usermenu{
background: #404040;
width: 100%;
position: fixed;
z-index: 100;
top: 0;
height: 30px;
font-size: 0.933em;
}
#wrapper{
width: 100%;
}
.wrapper{
width: 960px;
margin: 0 auto;
}
#header{
width: 100%;
background:#000;
}
#nav06{
left: 520px;
top: 10px;
position: absolute;
}
#header .wrapper{
background:url(../../images/bg-header.png) top no-repeat;
position: relative;
height: 72px;
}
#logo{
position: absolute;
top: 3px;
left: 9px;
}
#tagline{
position: absolute;
top: 15px;
left: 190px;
border-left:#333333 1px solid;
padding:0 0 0 12px;
}
#tagline p{
color:#00A5EE;
font-family: “gothic”, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight:bold;
margin: 0;
line-height: 1;
}
#tagline span{
	color:#ADADAD;
  font-size: 0.8em;
  font-weight: normal;
}
#lang{
position: absolute;
top: 50px;
right: 3px;
}
#search{
position: absolute;
right: 13px;
top: 13px;
}
#mainmenu{
width:100%;
background:#FBFBFB url(../../images/bg-menu.png) repeat-x;
}
#mainmenu .wrapper{
position: relative;
height: 47px;
}
#call2action {
background: #fff;
padding: 10px 0;
}
#featured{
background:#F6F6F4;
padding: 25px 0;
}
#featured1,
#featured2,
#featured3{
background:#fff;
border-radius: 5px;
border: 2px solid #E3E3E3;
box-shadow:5px 5px 10px #c0c0c0
}
#featured2,
#featured3{
margin:20px 0 0;
}
#main{
width:100%;
background:#fff;
margin: 0;
padding: 0; 
}
#breadcrumbs{
}
#featured .padding{
padding: 10px;
}
#col1{
float: left;
width: 20%; /* se pueden poner valores fijos */
}
#col1 .padding {
padding: 10px 10px 0 0;
}
/*
#content debe estar siempre en width 100% para 
modificar valores dependiendo el ancho de las columnas
revisar tools/loadCSS.php lineas 26 a 36
*/
#content{
width: 100%; 
}
#content .padding{
margin: 0;
padding: 0 10px;
}
#col2{
float: right;
width: 20%;
}
#col2 .padding {
margin: 0;
padding: 0 0 0 10px;
}
.aside .module,
.aside .nav{
  margin:0 0 20px
}
.aside .module{
border: solid;
background: #eee;
border-radius: 4px;
border: 1px solid #ccc;
padding: 10px;
margin: 0;
font-size: 0.8em;
}
.aside .module.m1 {
background: #fff;
}

.top,
#message,
#component,
#extras,
#bottom {
clear: both;
}
#content .module{
background: #eee;
border-radius: 4px;
border: 1px solid #ccc;
padding: 10px;
margin: 10px 0;
}
#bottom .module{
background: #FFFFCC;
border-radius: 4px;
border: 1px solid #ccc;
padding: 10px;
margin: 10px;
}
#footer{
width: 100%;
margin: 0;
padding: 0;
clear: both;
background: #5B5B5A url(../../images/bg-footer.png) repeat-x;
}
#footer .wrapper{
position: relative;
height: 300px;
}
#footer .padding{
}
#footer .c1 .module{

}
#footer .c2 .module{
width: 50%;
float: left;
}
#footer .c3 .module{
width: 33.3%;
float: left;
}
#footer .c4 .module{
width: 25%;
float: left;
}
#footer .c5 .module{
width: 20%;
float: left;
}
#footer .c6 .module{
width: 16.6%;
float: left;
}
#footer .nav .module .padding{
padding: 10px 5px;
}
#footer .nav h5{
color:#0099FF;
font-size: 0.95em;
text-shadow:none;
}
#footer .nav h5 a{
color:#0099FF;
/*font-size: inherit;*/
font-size: 1em;
text-shadow:none;
}
#footer1 {
position: absolute;
bottom: 8px;
left: 22px;
color: white;
font-size: 0.625em;
}
#footer2 {
position: absolute;
left: 560px;
bottom: 8px;
}
#footer3 {
position:absolute;
right: 0;
bottom: 8px;
}
#socialMedia{
clear: both;
background: #eee;
border-radius: 4px;
border: 1px solid #ccc;
padding: 10px;
margin: 10px 0;
}
#socialMedia p{
margin: 0;
}
#socialMedia img{
margin: 0 2px;
}
#about{
clear: both;
background: #eee;
border-radius: 4px;
border: 1px solid #ccc;
padding: 10px;
margin: 10px 0;
}
#copyright{
clear: both;
background: #eee;
border-radius: 4px;
border: 1px solid #ccc;
padding: 10px;
margin: 10px 0;
}

.custom-cmmi5{
position: absolute;
top: 10px;
right: 16px;
}
#mainmenu.nav .custom-cmmi5 a{
border: none;
padding: 0;
}

.blog,
.item-page,
.logout{
  min-height:500px;
}



